"use strict";

/**
 * @auther wtfssd
 * Created by wtfssd on 2017/11/3
 */
import * as React from 'react'

const {View, ImageBackground, ScrollView} = require('react-native');
const {connect} = require('react-redux');
import NavigationBar from 'react-native-navbar';
import {autoSize, commonProps, commonStyles} from "../../assets/styles/common";
import {Actions} from "react-native-router-flux";
import {allGroups} from "../../assets/data";
import Line from "../../component/Line";
import MyText from "../../component/MyText";
import Avatar from "../../component/Avatar";
import MyIcon from "../../component/icon";
import {groupStyles} from "../../assets/styles/groups";
import NavBackButton from "../../component/BackButton";
import NavRightButton from "../../component/RightButton";
import Colors from "../../assets/styles/Colors";

class MyPlaceDetailPage extends React.Component<any, any> {
    textProps= {
      color:Colors.White,
      fontSize:25,
      style:{marginBottom:10}

    };
    render() {
        return (
            <View style={commonStyles.container}>
                <NavigationBar {...commonProps.navBar}
                               leftButton={<NavBackButton/>}
                               rightButton={<NavRightButton><Avatar size={35} source={require('../../assets/image/avatar_fives.png')}/></NavRightButton>}
                               title={{title: '详情', tintColor: '#fff'}}
                />
                <ImageBackground source={require('../../assets/image/backgroung_one.png')} style={[commonStyles.flex1,{padding:20}]}>
                    <ScrollView>
                        <MyText {...this.textProps}>欢迎5层166位JUMU的小伙伴  加入雄楚大道火星空间大家庭! 9/27，本周四6PM-7:30pm，新老会员们一起在7层欢聚时光吧~   音乐，食物，酒水和惊喜表演都会准备齐！带上你们的名片，快来相互认识一下对方吧！</MyText>
                        <MyText {...this.textProps}>Welcome new memberJIMU moving in 5th floor!We will have a happy hourfor both new and oldmembers, with music,foodand drinks. 9/27 from 6pmto 7:30pm,come and enjoythe lovely time!</MyText>
                    </ScrollView>

                </ImageBackground>
            </View>
        );
    }
}


export default MyPlaceDetailPage;